## [1.3. HTML-атрибуты](https://html5book.ru/html-attributes/)

### Глобальные атрибуты

| Атрибут                                  | Описание, принимаемое значение           |
|------------------------------------------|------------------------------------------|
| <kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">accesskey</kbd> | Генерирует сочетания клавиш для доступа к текущему элементу. Состоит из разделенного пробелами списка символов. Браузер в первую очередь выбирает те клавиши, которые существуют на раскладке клавиатуры. Применяется к следующим элементам:<span> </span><kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">&lt;a&gt;</kbd>,<span> </span><kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">&lt;area&gt;</kbd>,<span> </span><kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">&lt;button&gt;</kbd>,<span> </span><kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">&lt;input&gt;</kbd>,<span> </span><kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">&lt;label&gt;</kbd>,<span> </span><kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">&lt;legend&gt;</kbd>,<span> </span><kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">&lt;textarea&gt;</kbd>.<br style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 0px;">Принимаемые значения: перечень названий клавиш. |
| <kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">class</kbd> | Определяет имя класса для элемента (используется для определения класса в таблице стилей).<br style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 0px;">Принимаемые значения: имя класса. |
| <kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px; color: rgb(56, 186, 199);">contenteditable</kbd> | Определяет, может ли пользователь редактировать содержимое (контент). Позволяет преобразовать любое поле HTML в редактируемый элемент.<br style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 0px;">Принимаемые значения:<span> </span><kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">true/false</kbd>. |
| <kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">dir</kbd> | Определяет направление текста контента в элементах<span> </span><kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">&lt;bdo&gt;</kbd><span> </span>и<span> </span><kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">&lt;bdi&gt;</kbd>.<br style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 0px;">Принимаемые значения:<span> </span><kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">ltr/rtl/auto</kbd>. |
| <kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px; color: rgb(56, 186, 199);">draggable</kbd> | Определяет, может ли пользователь перетащить элемент.<br style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 0px;">Принимаемые значения:<span> </span><kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">true/false/auto</kbd>. |
| <kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px; color: rgb(56, 186, 199);">hidden</kbd> | Указывает на то, что элемент должен быть скрыт.<br style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 0px;">Принимаемые значения:<span> </span><kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">hidden</kbd>. |
| <kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">id</kbd> | Определяет уникальный идентификатор элемента.<br style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 0px;">Принимаемые значения:<span> </span><kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">id</kbd><span> </span>— идентификатор элемента. |
| <kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">lang</kbd> | Определяет код языка содержимого (контента) в элементе.<br style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 0px;">Принимаемые значения: код языка. |
| <kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px; color: rgb(56, 186, 199);">spellcheck</kbd> | Указывает, подлежит ли содержимое элемента проверке орфографии и грамматики.<br style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 0px;">Принимаемые значения:<span> </span><kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">true/false</kbd>. |
| <kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">style</kbd> | Указывает на код CSS, применяемую для оформления элемента.<br style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 0px;">Принимаемые значения: код CSS. |
| <kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">tabindex</kbd> | Определяет порядок перехода к элементу при помощи клавиши TAB.<br style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 0px;">Принимаемые значения: порядковый номер. |
| <kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">title</kbd> | Определяет дополнительную информацию об элементе, задавая всплывающую подсказку для страницы.<br style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 0px;">Принимаемые значения: текст. |
| <kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px; color: rgb(56, 186, 199);">translate</kbd> | Разрешает или запрещает перевод текста внутри элемента.<br style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 0px;">Принимаемые значения:<span> </span><kbd style="transition: all 0.3s ease-in-out 0s; box-sizing: border-box; margin: 0px; padding: 2px 6px; background: rgb(245, 245, 245); border-radius: 3px; font-size: 0.95em; font-family: &quot;Courier New&quot;, monospace; word-break: keep-all; border: 1px solid rgb(230, 230, 230); text-shadow: white 0px 1px;">yes/no</kbd>. |




